What changed

• limited the translation-safe .btn-label wrapper to text-only button children so dropdown triggers and other mixed-content buttons keep their original layout
• made button icon spacing use explicit left/right utility classes instead of relying on child order
• added button regression coverage for icon positioning and mixed-content children

Why

A recent button change kept a stable label wrapper to avoid browser translation issues during loading, but it also wrapped complex button children. Dropdown triggers that render their chevron inside children were then laid out incorrectly, which is why the profile select looked broken.

Impact

Buttons keep the translation fix for plain text labels, while mixed-content buttons like dropdown triggers render correctly again.

Validation

• pnpm exec eslint src/components/buttons/Button.tsx src/components/buttons/common.ts src/components/buttons/Button.spec.tsx (from packages/shared)
• node ./scripts/typecheck-strict-changed.js

Preview domain

https://codex-fix-button-icon-layout.preview.app.daily.dev